<script setup lang="ts">
import type {MyPageOptions} from "~/types";

const defaultForm={date:'',page:1,perpage:10,total:20};
const form=reactive({...defaultForm});
</script>

<template>
  <div>
    <AuthenText>
<pre>
  原路退回说明：
1、以下列表中是您可申请原路退回的充值记录！
2、目前只支持30天内的充值记录申请原路退回！
3、原路退回处理时间：财务会在您申请原路退回后的24小时内处理，请您放心！
</pre>
    </AuthenText>
    <div>
      <el-form>
        <el-form-item>
          <div class="flex">
            <el-date-picker type="date" v-model="form.date" placeholder="请输入你要查询的时间"></el-date-picker>
            <el-button type="primary">搜索</el-button>
          </div>

        </el-form-item>
      </el-form>
    </div>
    <el-card class="flex-1">
      <el-table
          :data="[{ date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄' }, { date: '2016-05-04', name: '王小虎', address: '上海市普陀区金沙江路 1517 弄' }]"
          style="width: 100%">
        <el-table-column
            prop="date"
            label="订单号"
            >
          <template #defalut="scope">
            <div>郓城县红硕计算机软件开发中心</div>
            <div><span class="text-xl font-bold">法人：</span>刘金宝</div>
          </template>
        </el-table-column>
        <el-table-column
            prop="name"
            label="充值金额（元）"
            width="180">
        </el-table-column>
        <el-table-column
            prop="address"
            label="充值时间">
        </el-table-column>
        <el-table-column
            prop="address"
            label="状态">
          <template #defalut="scope">
            <div class="text-[var(--el-color-primary)]">认证通过 <span>未绑定</span></div>
          </template>
        </el-table-column>
        <el-table-column
            prop="address"
            label="操作">
          <template #defalut="scope">
            <div class="text-[var(--el-color-primary)]"><el-button>申请退回</el-button></div>
          </template>
        </el-table-column>
      </el-table>
      <MyPage v-model:page="form.page" v-model:perpage="form.perpage" v-model:total="form.total"></MyPage>
    </el-card>
  </div>

</template>

<style scoped lang="scss">

</style>